/*禁止文字选择*/
.noselect(){
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  -khtml-user-select:none;
}

/****个人中心头部****/
.head-img {
	max-width:720px;
	margin:0 auto;
	font-size:1rem;
	height:9.15rem;
	width: 100%;
	text-align: center;
	color: #FFF;
	position: relative;
	.my-img {
		width:4.5rem;
		height:4.5rem;
		border-radius: 100%;
		border: 1px solid #FFF;
		box-shadow: inset 0 1px 8px rgba(0,0,0,0.2);
		display: inline-block;
		overflow: hidden;
		background-size: cover;
	    position: absolute;
		left:1.5rem;
		top:3rem;
	}
	p {
		font-size: 1rem;
		line-height: 150%;
		position: absolute;
		left:7rem;
		top:3.5rem;
		&.p2{
			text-align:left;
			top:5.2rem;
			overflow:hidden;
			white-space:nowrap;
			text-overflow: ellipsis;
		}
		&.p3{
			text-align:left;
			top:4.63rem;
			overflow:hidden;
			white-space:nowrap;
			text-overflow: ellipsis;
		}
	}
	.img2{
		width:22px;
	    position: absolute;
		left:12px;
		top:12px;
		display:none;
	}
	.btn{
		padding:3px 5px;
		background:transparent;
		color:#FFF;
		border-color:#FFF;
		position: absolute;
		right:15px;
		top:75px;
	}
}
/****个人中心头部 END****/

.logout {
    margin-top: 2rem;
	margin-bottom:1rem;
	padding:0 0.6rem;
	a{
	    display: block;
	    height: 3rem;
	    line-height: 3rem;
	    width: 100%;
	    border-radius: 1.5rem;
	    background-color: #fc8200;
	    color: #fff;
	    text-align: center;
		font-size:1rem;
	}
}


.common-wrapper {
    width: 100%;
    position: relative;
    max-width: 720px;
    min-width: 320px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 16px;
    padding: 3rem 0 3.6rem;
	background:#FFF;
	* {
	    margin: 0;
	    padding: 0;
	    outline: none;
	}
	.main {
		padding:20px 15px 0;
		h2 {
			margin:8px 0 10px;
			line-height:1.5;
			font-size:13px;
			color:#686868;
			span {
				color:#252525
			}
		}
		input,textarea {
			-webkit-tap-highlight-color:rgba(0,0,0,0);
			-webkit-tap-highlight-color:transparent;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}
		.item {
			position:relative;
			width:100%;
			margin-bottom:12px;
			>i{
				line-height:150%;
			}
			&:after {
			    display: block;
			    content: '\20';
   		 		clear: both;
			}
			.txt-input {
				width:100%;
				height:44px;
				line-height:normal;
				padding:0;
				border:1px solid #d7d7d7;
				border-radius:3px;
				background:#fff;
				font-family:'\5fae\8f6f\96c5\9ed1';
				font-size:16px;
				color:#252525;
				padding:5px;
			}
			.txt-input::-webkit-input-placeholder {
				color:#bfbfbf
			}
			.txt-input:-moz-placeholder {
				color:#bfbfbf
			}
			.txt-input::-moz-placeholder {
				color:#bfbfbf
			}
			.txt-input:-ms-input-placeholder {
				color:#bfbfbf
			}
			.upload,.upload2{
				display:inline;
				text-align:right;
				width:60px;
				height:60px;
				cursor:pointer;
				position: relative;
				img{
		 			width:60px;
					height:60px;
					pointer-events: none;
				}
				i{
					background: transparent url(../images/loading.gif) no-repeat center center;
				    background-size: auto auto;
					display:none;
					width:60px;
					height:60px;
					position: absolute;
					left:0;
					top:0;
				}
				&.loading{
					i{
						display:block;
					}
					em{
						display:none;
					}
				}
				em{
				    position: absolute;
					width:23px;
					height:23px;
					top:0px;
					right:0px;
					background:url(../images/del2.png) center center no-repeat;
				}
			}
			.upload2{
				float:left;
				margin-right:6px;
			}
			textarea{
				resize:none;
			}
		}
		.item-btns {
			padding-top:10px;
			.btn-login, .btn-next {
				display:inline-block;
				width:100%;
				height:40px;
				border-radius:4px;
				background:#fefefe;
				color:#AA804B;
				border:1px solid #AA804B;
				text-decoration:none;
				line-height:39px;
				text-align:center;
				font-size:17px;
				.noselect();
			}
			.btn-disabled {
				background:#e2e2e2;
				cursor:default;
				color:#bdbdbd
			}
		}
		.item-sex{
			background:#FFF;
			height:44px;
			border: 1px solid #d7d7d7;
			border-radius: 3px;
			box-sizing: border-box;
			padding:10px 15px;
			span{
				margin-right:5px;
			}
			input[type=radio] {
				vertical-align: middle;
				margin: 0px 3px 0px 5px;
			}
			label {
				padding-right: 20px;
			}
			ul{
				li{
					float:left;
					margin-right: 20px;
					border-radius:5px;
					border:1px solid #D0D0D0;
					&.selected{
						border:1px solid #E0753F;
						background:#FC9B34;
						color:#FFF;
					}
					label{
						padding-right:6px;
					}
				}
			}
		}
	}
}


.cd-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color:transparent;
	opacity: 0;
	visibility: hidden;
	z-index:1000;
	&.is-visible {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
		-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
		transition: opacity 0.3s 0s, visibility 0s 0s;
	}
	ul {
		position: fixed;
		bottom: 36px;
		height: 60px;
		width: 100%;
		margin: 0px auto;
		background-color: #F7F7F7;
		z-index: 100;
		text-align: center;
		border-top: 1px solid #CCC;
		li {
			float: left;
			font-size: 10px;
			width: 33.33%;
		    position: relative;
			height: 100%;
			a{
				height: 35px;
				line-height: 35px;
				display: inline-block;
				padding: 5px 20px;
				margin-top: 9px;
				background-repeat: no-repeat;
				&.weixin{
					background: transparent url("../images/share_weixin.png") no-repeat scroll 0px 0px;
					background-size:100%;
				}
				&.sina{
					background: transparent url("../images/share_sina.png") no-repeat scroll 0px 0px;
					background-size:100%;
				}
				&.qq{
					background: transparent url("../images/share_qzone.png") no-repeat scroll 0px 0px;
					background-size:100%;
				}
			}
		}
	}
}


.order-list{
	.goods{
		.goodsbox.rows{
			.i_ul{
				li{
					.cont{
						.i_txt{
							white-space:nowrap;
	    					font-size: 1rem;
						}
						.buybtn {
						    display: block;
							padding:0.4rem 20px;
							background:#ee7f31;
							color:#FFF;
							margin-right:0 !important;
						}
						.linebox {
						    margin-right: 5rem;
						}
						.info{
							margin-top:-1rem;
							color:#999;
							margin-bottom:-0.5rem;
						}
						.price {
						    font-size:0.8rem;
						}
						.info p {
						    line-height:130%;
							font-size:0.8rem;
						}
						.info p.orange {
						    color:#ee7f31;
							font-size:0.8rem;
						}
						.waiting{
							color:#ee7f31;
							font-size:0.8rem;
						}
						.blue{
							color:#51BBFF;
						}
						.actions{
							margin-top:5px;
							.btn{
								padding:2px 10px;
								font-size:14px;
								margin-right:5px;
								&.btn-gray{
									background:#AAA;
									border-color:#AAA;
								}
							}
							@media(max-width: 450px){
								.btn{
									font-size:12px;
								}
							}
						}
					}
				}
			}
		}
		
	}
}


.share_page{
	background:#FFF;
	text-align:center;
	padding:5px 10px;
	h3{
		font-size:14px;
		margin-bottom:20px;
		margin-top:5px;
	}
	>p{
		font-size:14px;
		&.title{
			font-weight:normal;
			margin-top:10px;
			span{
				color: rgb(51, 51, 51); 
				font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", arial, '宋体', sans-serif, tahoma; 
				font-size: 14px; 
				background-color: rgb(255, 255, 255);
			}
		}
		textarea{
			resize:none;
			box-sizing: border-box;
			width:100%;
			padding:5px;
			max-width:640px;
			//height:52px;
		}
		.btn{
			padding:5px 30px;
			font-size:14px;
			border-radius:20px;
		}
	}
	h2{
		font-size:1rem;
		margin-bottom:1rem;
		margin-top:0.5rem;;
		font-weight:normal;
	}
	.pb{
		text-align:left;
		max-width:21rem;;
		margin:0 auto;
		font-size:1rem;
		color:#666;
		.unbind{
			color:#bbb;
			border-bottom:1px solid #bbb;
			font-size:13px;
			margin-left:10px;
			cursor:pointer;
		}
	}
}


.header .nav .right .more li a{
	&.share:after {
	    background-image: url(../images/share.png);
	}
	&.uc:after {
	    background-image: url(../images/myon.png);
	}
	&.login_btn:after {
	    background-image: url(../images/myon.png);
	}
	&.register_btn:after {
	    background-image: url(../images/myon.png);
	}
}

.act_end{
	text-align:center;
	line-height:6rem;
	background:#ddd;
	border-radius:0.5rem;
	font-size:1.4rem;
	color:#666;
}

.win_empty{
    text-align: center;
    font-size: 14px;
    padding: 5rem 0;
    color: #bbb;
	i{
		display: block;
	    margin: 0 auto 10px;
	    width: 105px;
	    height: 105px;
		background: url(../images/empty.png);
	    background-size: 105px auto;
		opacity:0.4;
	    filter:alpha(opacity=40);
	}
}



//收货地址管理
.addr-list {
    min-height: 300px;
    background-color: #FFF;
	.new-addr {
		padding:20px 12px;
		.new-mu_l2w {
			margin: 0;
			border-top: none;
			&.selected{
				background:url("../images/checked.png") no-repeat scroll 50% 50% #cde8c1;
				background-size:64px 68px;
			}
			.new-mu_l2 {
				margin-bottom:10px;
				border:1px solid #999;
				.new-tit {
					padding:7px 12px;
					border-bottom:1px solid #999;
					font-size:14px;
					color:#6e6e6e;
					.new-txt {
						font-size:14px;
						color:#6e6e6e;
					}
					.new-txt2 {
						display:block;
						font-size:14px;
						color:#333;
					}
					.new-option-r {
						top: 7px;
						padding-left: 20px;
						color: #a40000;
						position: absolute;
						right: 12px;
					}
					.new-txt-rd2 {
						padding-left:20px;
						color:#a40000;
						
					}
					.new-icon2 {
						display:inline-block;
						width:16px;
						height:22px;
						padding-right:5px;
						background:url(../images/icon.png) 0 0 no-repeat;
						vertical-align:middle;
						&.active{
							background:url(../images/icon2.png) 0 0 no-repeat;
						}
					}
				}
				.new-mu_l2a {
					display: block;
					overflow: hidden;
					clear: both;
					padding: 0 12px 8px;
					.new-mu_l2cw {
						padding-top:10px;
						padding-bottom: 5px;
						font-size:14px;
						color:#6e6e6e;
						display: block;
						overflow: hidden;
						span {
							display:block;
							padding:1px 0 2px;
							font-size:12px;
							color:#6e6e6e;
						}
					}
					.new-arr {
						position:absolute;
						top:45px;
						right:0;
						width:20px;
						height:40px;
						background:url(../images/icon_right.png) 0 0 no-repeat;
					}
					.new-addr-btn {
						font-size:14px;
						color:#282828;
						.new-addr-bar {
							padding:0 15px;
							vertical-align:top;
						}
					}
				}
				.new-p-re {
					position: relative;
				}
			}
			
			
		}
	}
}

.addr-modify{
	background: #FFF;
	font-size: 15px;
	box-shadow: 0 1px 1px #EBEBEB;
	select, textarea, input[type="text"], input[type="password"] {
	    display: inline-block;
	    height: 20px;
	    padding: 4px 6px;
	    font-size: 14px;
	    line-height: 20px;
	    color: #555;
	    border-radius: 3px;
	    vertical-align: middle;
	    border: 1px solid #ccc;
	    outline: none;
	}
	select, input[type="file"] {
	    height: 30px;
	    line-height: 30px;
	}
	ul{
		margin-bottom: 30px;
		li {
			display: -webkit-box;
			padding: 10px;
			border-bottom: 1px solid #DCDCDC;
			-webkit-box-sizing: border-box;
			label {
				margin-top: 5px;
				display: block;
			}
			.wbox-flex {
				-webkit-box-flex: 1!important;
				word-wrap: break-word;
				word-break: break-all;
				.sn-input-text-b {
					-webkit-box-sizing: border-box;
					height: 30px;
					width: 100%;	
				}
				select {
					display: inline-block;
					position: relative;
					margin-right: 5px;
					width:120px;
					width:30%;
					width:e("-moz-calc(33.33333% - 7px)");
					width:e("-webkit-calc(33.33333% - 7px)");
					width:e("calc(33.33333% - 7px)");
					&:last-child{
						margin-right:0;
					}
				}
				.b-top {
					border-top: 1px solid #DCDCDC;
					margin:10px 0;
				}
				.sn-text-area {
					height: 100px;
					resize:none;
				}
			}
		}
	}
}

.btn.btn-block {
    display: block;
    width: 100%;
    box-sizing: border-box;
	font-size:15px;
}







.order{
	margin:3rem auto 0;
	padding:0 5px 10px;
	color: #353d44;
	font-size:14px;
	max-width:720px;
	min-width:320px;
	line-height:1.5;
	div, p {
		-webkit-box-sizing: border-box;
	}
	.sn-list-input{
			background:#FFF;
			li {
				margin-left: 12px;
				padding: .8em 1.5em .8em 0;
				border-bottom: 1px solid #DCDCDC;
				position: relative;
				display: -webkit-box;
				-webkit-box-sizing: border-box;
		    	color: #4f5158;
				&:last-child {
					border-bottom: none;
				}
				.arrow{
					&::after {
						position: absolute;
						right: 10px;
						top: 50%;
						margin-top: -.47em;
						width: .86em;
						height: .86em;
						margin-left: 1.2em;
						border-style: solid;
						border-color: #7D7D7D;
						border-width: 1px 0 0 1px;
						-webkit-transform: rotateZ(135deg);
						content: "";
						display: inline-block;
					}
				}
			}
	}
	.psfs{
		background:#FFF;
    	padding: .8em 1.5em .8em 12px;
		margin-bottom:4px;
		.radio {
		    display: none;
		}
		.radio + label {
		    position: relative;
		    padding-right: 30px;
		    line-height: 1;
		    padding: .5em 0 .5em 30px;
		    margin: 0 0 .3em;
		    cursor: pointer;
			background: url(../images/radiobutton.gif) no-repeat;
		    background-position: -10px -10px;
		}
		.radio:checked + label {
	       background-position: -10px -210px;
		}
		label:hover {
		    background-position: -10px -110px;
		}
	}
	.ztbox{
		background:#FFF;
    	padding: .2em 1.5em .2em 12px;
		margin-bottom:4px;
		.item {
		    position: relative;
		    width: 100%;
			background: #fff;
		    line-height: 44px;
			&:first-child{
				//padding-bottom:10px;
				border-bottom: 1px solid #DCDCDC;
			}
			span {
			    float: left;
			    width: 60px;
			    height: 44px;
			    line-height: 44px;
			    margin-left: 0px;
				text-align:right;
				font-size:14px;
			}
			.txt-input {
			    -webkit-tap-highlight-color: rgba(0,0,0,0);
			    -webkit-tap-highlight-color: transparent;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    -ms-box-sizing: border-box;
			    box-sizing: border-box;
			    padding: 0;
			    background: #fff;
			    font-family: '\5fae\8f6f\96c5\9ed1';
			    font-size: 14px;
			    color: #252525;
				width: 70%;
			    width:e("-moz-calc(100% - 80px)");
				width:e("-webkit-calc(100% - 80px)");
				width:e("calc(100% - 80px)");
			    border: 0;
			    height: 44px;
				line-height: 44px;
			}
		}
	}
}



.od{
	min-width: 320px;
	max-width: 720px;
	margin:3rem auto 0;
	font-size:13px;
	background-color: #f7f7f7;
	.order-submit-time-left {
		background-color:#fff45c;
		text-align:center;
		 p {
			color:#333;
			line-height:2.1;
		}
		em {
			color:#e01d20;
			font-size:1.1428em;
			padding:0 0em;	
		}
	}
	
	.order-details {
		margin-top:.3em;
		.order-form-area {
			border:0;
			border-bottom:1px solid #eee;
			background-color:#fff;
			border-top:1px solid #eee;
			margin-bottom:1.2em;
			.order-form-row {
				padding:1em 1.6em .85em;
				position:relative;
				border-top: 1px solid #eee;
				&:first-child {
					border-top:0;
				}
				h3 {
					color:#333;
					padding:.45em 0 .1em;
				}
				p {
					color:#333;
					font-size:1.1em;
					line-height:1.55;
				}
				 time {
					font-size:.91em;
				}
				.red {
					color: #e01d20;
				}
				.order-track {
					padding-bottom:.45em;
					p {
						color:#888;
						&:first-child {
							color:#e01d20
						}
					}
				}
			}
		}
	}
}

//个人中心未完善收货地址信息提示
.center_box ul li a {
	em{
	    font-style: normal;
	    width: 1.2rem;
		line-height: 1.2rem;
	    display: block;
	    position: absolute;
	    top: 1.1rem;
	    right: 12%;
		right:e("-moz-calc(6% + 1.5rem)");
		right:e("-webkit-calc(6% + 1.5rem)");
		right:e("calc(6% + 1.5rem)");
	    background: #ee7f31;
	    border-radius: 50%;
	    color: #fff;
	    text-align: center;
	    font-size: 0.9rem;
	}
}


//计算详情
#calResult{
    font-size: 12px;
   	font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
	line-height:1.4;
	address, em, i, cite, s {
	    font-style: normal;
	}
	.clearfix:after {
	    content: "";
	    display: block;
	    height: 0;
	    clear: both;
	}
	.orange {
	    color: #f60;
	}
	.colorbbb {
	    color: #bbb;
	}
	.g-formula {
	    background: #fffddd;
	    padding: 10px 0;
		.z-oval {
		    background: #fff;
		    border-radius: 15px;
		    text-align: center;
			em,  i {
			    display: block;
			}
		}
		.for-con1 {
		    height: 38px;
		    margin: 0 80px;
		    border: 2px solid #f60;
			em {
			    font-size: 14px;
			}
			i {
			    font-size: 12px;
			}
		}
		p {
		    display: block;
		    width: 4px;
		    height: 9px;
		    margin: 3px auto;
		    background: url(../images/shu.png) center top no-repeat;
		    background-size: 4px auto;
		}
		.for-con2 {
		    height: 32px;
		    text-align: center;
			cite, .z-oval {
			    display: inline-block;
			    color: #ffc163;
			}
			cite {
			    position: relative;
			    top: -7px;
			    margin: 0 3px;
			}
			 .z-oval {
			    height: 28px;
			    padding: 2px 6px 0;
			    border: 1px solid #ffc185;
			}
			em,i {
			    line-height: 13px;
			}
			em {
			    font-size: 12px;
			}
			i {
			    font-size: 10px;
			}
			.z-oval {
			    height: 28px;
			    padding: 2px 6px 0;
			    border: 1px solid #ffc185;
			}
		}
		.z-and {
		    padding-top: 5px;
		    font-size: 12px;
		    text-align: center;
		    line-height: 20px;
		}
	}
	//.g-formula END
	.calCon {
	    width: 100%;
	    margin: 5px 0 77px;
		dl {
		    clear: both;
		    line-height: 34px;
		}
		.dl1, .dl3 {
		    color: #999;
		}
		dd {
		    height: 34px;
		    font-size: 10px;
		    font-size: 11px;
		}
		span {
		    width: 25%;
		    height: 34px;
		    display: block;
		    float: left;
		    text-align: center;
			&:nth-child(5n-4) {
			    text-indent: -1em;
			}
			&:nth-child(5n-1) {
			    text-align: left;
			    width: 24%;
			    padding-left: 1%;
			}
		}
		.dl1{
			dt {
			    background: #f7f7f7;
			    height: 34px;
			    line-height: 34px;
			    font-size: 14px;
			}
		}
		.dl2 {
		    height: 350px;
		    color: #666;
		    overflow: hidden;
			dd {
			    border-bottom: 1px solid #ffe197;
			}
			span {
			    position: relative;
				&:nth-child(2n-1) b {
				    width: 1px;
				    height: 34px;
				    background: #ffe197;
				    float: right;
				}
				&:nth-child(3n-1) s, &:nth-child(4n-1) s {
				    width: 1px;
				    height: 35px;
				    background: #ffe197;
				    position: absolute;
				    top: 0;
				    right: 0;
				}
				&:nth-child(5n-1) {
				    width: 24%;
				    padding-left: 1%;
				    height: 34px;
				    overflow: hidden;
				    text-align: left;
				}
				&:nth-child(4n-1) {
				    color: #f60;
				}
			}
			i {
			    border-style: solid;
			    border-width: 4px 0 4px;
			    border-color: transparent;
			    border-left: 4px solid #ffe197;
			    width: 0;
			    height: 0;
			    font-size: 0;
			    line-height: 0;
			    position: absolute;
			    top: 13px;
			    left: 0;
				em {
				    border-style: solid;
				    _border-style: dashed;
				    border-width: 4px;
				    border-color: transparent;
				    border-left-width: 0;
				    border-left: 4px solid #fff;
				    width: 0;
				    height: 0;
				    font-size: 0;
				    line-height: 0;
				    position: absolute;
				    top: -4px;
				    left: -5px;
				}
			}
			em {
			    white-space: nowrap;
			    word-break: keep-all;
			}
		}
		.dl3 {
		    color: #999;
			dt {
			    margin-top: -1px;
			    padding: 5px 0;
			    font-size: 14px;
			    color: #f60;
			    text-align: center;
			    background: #fffddd;
			    position: relative;
			    border-bottom: 1px solid #ffe197;
			}
			cite {
			    border-style: solid;
			    border-width: 0 7px 0 7px;
			    border-color: #fffddd;
			    border-top: 7px solid #f60;
			    width: 0;
			    height: 0;
			    font-size: 0;
			    line-height: 0;
			    position: relative;
			    top: -1px;
			    margin-left: 5px;
				b {
				    border-style: solid;
				    _border-style: dashed;
				    border-width: 5px;
				    border-color: transparent;
				    border-top-width: 0;
				    border-top: 5px solid #fffddd;
				    width: 0;
				    height: 0;
				    font-size: 0;
				    line-height: 0;
				    position: absolute;
				    top: -7px;
				    left: -5px;
				}
				&.up {
				    border-bottom: 7px solid #f60;
				    border-top: none;
				    top: -8px;
					b {
					    border-bottom: 5px solid #fffddd;
					    top: 2px;
					    left: -5px;
					    border-top: none;
					}
				}
			}
		}
	}
}


.recharge .tabtips .tips {
	li{
		i{
		    position: absolute;
		    right: 0;
		    top: 0;
		    height: 16px;
		    width: 16px;
		    line-height: 16px;
		    background: #FF0000;
		    color: #FFF;
		    font-size: 12px;
		    border-bottom-left-radius: 4px;
		}
	}
	.notice{
		padding-left:0.7rem;
		color:#999;
	    font-size: .8rem;
	}
}

//产品属性
.attr_info {
    position: relative;
    //box-shadow: 0 2px 3px 0 #d1d1d1;
    background-color: #fff;
    text-align: left;
	padding: 0;
    margin-top: 1rem;
	.i_title {
	    width: 50%;
	    line-height: 18px;
	    font-size: 1rem;
	    color: #323232;
		font-weight: normal;	
	    color: #323232;
		position: relative;
		&::before {
		    content: "";
		    width: 4px;
		    height: 40%;
		    vertical-align: text-bottom;
		    background-color: #b61426;
		    position: absolute;
		    top: 30%;
		    left: 17px;
		}
		p {
		    text-indent: 12px;
		    margin: 0 17px;
		    padding: 15px 0 15px 10px;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    text-align: left;
		}
	}
	table {
	    border: 1px solid #ccc;
	    border-spacing: 0;
	    border-collapse: collapse;
		width: 100%;
	    margin: 0 auto;
	    border-left: 0 none;
	    border-right: 0 none;
	    font-size: .8rem;
	    color: #666;
		td,th {
			text-align: center;
   			line-height: 45px;
		    border: 1px solid #f0f0f0;
		    border-spacing: 0;
		}
		td{
			&:first-of-type {
			    border-left: 0 none;
			    width: 25%;
			}
			&:last-of-type {
			    border-right: 0 none;
			}
		}
	}
}


//中奖弹窗
.mem{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    box-sizing:border-box;
    color: #fff;
    z-index: 9999;
    text-align: center;
    background: rgba(0,0,0,0.8);
	padding:0;
	width:100%;
	height:100%;
	font-size:20px;
	display:none;
    .gong{
    	color: #FFDB12;
		margin-bottom:0;
		font-size:4em;
		margin-top:0.3em;
    }
    .gong2{
		height:2em;
		line-height:2em;
		text-align: center;
		font-size:2em;
		color:#FFF;
		text-shadow:#000 1px 1px 1px;
    }
    .gift{
    	position: relative;
    	width: 10em;
    	margin: 4em auto 0;
    	img{
    		width: 10em;
    		height: 10em;
    	}
    }
    .resule-bgLight {
	    top: 5%;
	    width: 30em;
	    margin-top: -7.5em;
		margin-left: -15em;
	    height: 30em;
	    background-image: url(../images/light.png);
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	    position: absolute;
	    border-radius: 50%;
	    left: 50%;
	    animation: bgRotate 6s linear infinite;
	    -webkit-animation: bgRotate 6s linear infinite;
	    -moz-animation: bgRotate 6s linear infinite;
	    -o-animation: bgRotate 6s linear infinite;
	}
	.zjlist{
        background: #fffedd;
	    border: 2px solid #f70;
		overflow: hidden;
	    border-radius: 10px;
	    //box-shadow: 0 1px 5px #dddddd, 0 5px 10px #f5f5f5 inset;
	   	margin: 2em auto 0;
	    position: relative;
	    height: auto;
		width:480px;
		display: inline-block;
		//padding:3px 3px 3px 3px;
		margin-top:1em;
		display:block;
		max-width:80%;
	    ul{
	    	margin:0 auto -1px;
			li{
	
				//border-bottom: 1px solid #fff;
				transition:all .5s;
				background: #fffedd;
				img{
					display: inline-block;
					vertical-align: middle;
					border-radius:100%;
					margin-top:0.7em;
					width:8em;
					height:8em;
				}
				span{
					display: block;
	    			height: 2em;
	    			overflow: hidden;
	    			padding: 0 .4em;
	    			white-space: nowrap;
	    			line-height: 2em;
	    			bottom: 0;
	    			left: 0;
	    			text-align: center;
	    			color: #f70;
					background: transparent;
					font-size: 1em;
				    overflow: hidden;
    				text-overflow: ellipsis;
					&:last-child{
						margin-top:-0.5em;
						margin-bottom:0.4em;
					}
				}
			}
		}
	}
}
@media(min-width: 480px)and(max-width:600px){
	.mem{
		font-size:18px;
	}
}
@media(min-width: 400px)and(max-width:480px){
	.mem{
		font-size:16px;
	}
}
@media(max-width: 399px){
	.mem{
		font-size:14px;
	}
}
@media(max-height: 550px){
	.mem{
		font-size:14px;
		.gift{
			width: 6em;
	    	margin: 2em auto 0;
	    	img{
	    		width: 6em;
	    		height: 6em;
	    	}
	    }
		.resule-bgLight {
		    width: 18em;
		    margin-top: -4.5em;
			margin-left: -9em;
		    height: 18em;

		}
	}
}

//暂无数据
.tme{
    padding: 30px 0;
    text-align: center;
	img{
		width:5em;
	}
	p{
	    color: #bbb;
	    font-size: 1em;
	    line-height: 2em;
	}
}

//限购
.container .intro .introbox{
	.img {
	    overflow:hidden;
		position: relative;
	}
	.left{
		h3{
			font-size:1.0rem;
			white-space:nowrap;
			overflow:hidden;
			text-overflow: ellipsis;
		}
		.img {
		    width: 6rem;
			height: 6rem;
		    margin: 0 auto;
		    
		}
	} 
	.right{
		h3{
			font-size:0.9rem;
			max-height:2.4rem;
			overflow:hidden;
			text-overflow: ellipsis;    
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.img {
		    width: 4rem;
			height: 4rem;
		    float: right;
		}
	}
	.pPurchase {
		width: 70px;
	    height: 16px;
	    line-height: 16px;
	    -webkit-transform: rotate(-45deg);
	    text-align: center;
	    position: absolute;
	    left: -24px;
	    top: 3px;
	    color: #fff;
	    font-size: 10px;
	    background-color: #24cba8;
	}
}

.i_ul{
	.i_li{
		.img{
			width:6rem;
			height:6rem;
			overflow:hidden;
			position: relative;
			margin: 0 auto;
			&.h10{
				width:10rem;
				height:10rem;
			}
			&.h8{
				width:8rem;
				height:8rem;
			}
		}
		.pPurchase {
			width: 70px;
		    height: 16px;
		    line-height: 16px;
		    -webkit-transform: rotate(-45deg);
		    text-align: center;
		    position: absolute;
		    left: -24px;
		    top: 3px;
		    color: #fff;
		    font-size: 10px;
		    background-color: #24cba8;
		}
	}
} 

.goods .goodsbox.rows .i_ul li .img_inner .img{
	width:5rem;
	height:5rem;
}

span.purchase-icon {
    display: inline-block;
    background-color: #24cba8;
    color: #fff!important;
    padding: 0 10px;
	margin-right:5px;
	border-radius: 1.3rem;;
}
span.purchase-span{
    background-color: #DBFEF7;
    color: #23D6A9 !important;
    padding: 0 10px;
	float:right;
	border-radius: 1.5rem;;
}

.cart .list .items .c_item .cell1{
	.img{
		width: 5.8rem;
    	height: 5.8rem;
	    margin-top: .2rem;
		position: relative;
		overflow:hidden;
		img{
			margin-top:0;
		}
		.pPurchase {
			width: 70px;
		    height: 16px;
		    line-height: 16px;
		    -webkit-transform: rotate(-45deg);
		    text-align: center;
		    position: absolute;
		    left: -24px;
		    top: 3px;
		    color: #fff;
		    font-size: 10px;
		    background-color: #24cba8;
		}
	}
}

//登录默认头像
.lghead{
	margin:0 auto;
	text-align:center;
	padding:1rem 0;
	img{
		width:5rem;
		border-radius:100%;
	}
}


//修改头像
.pad48{
	min-width: 320px;
	max-width: 720px;
	margin: auto;
	padding-bottom: 55px;
	margin-top:3rem;
	font-size: 13px;
	.activating {
		float: left;
		width: 100%;
		margin: 0 0 15px;
		background-color: #FFF;
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #EAEAEA;
		ul {
			float: right;
			width: 97%;
			margin-bottom: -1px;
			list-style: none;
			li{
				width: 100%;
				padding: 5px 0;
				font-size: 15px;
				line-height: 37px;
				border-bottom: 1px solid #EAEAEA;
				img {
					border: 0px;
					vertical-align: middle;
				}
				label {
					float: left;
					text-align: right;
					padding-right: 8px;
					&.w75 {
						width: 75px;
					}
				}
				input {
					border: none;
					height: 34px;
					line-height: 34px;
					color: #666;
					padding: 0 1%;
					font-size: 15px;
					&.w70 {
						width: 70%;
					}
				}
			}
		}
	}
}

//运购码详情
.code_detail{
	.title {
	    color: #999;
	    height: 38px;
	    line-height: 38px;
	    background: #f7f7f7;
	    font-size: 14px;
	    padding-left: 8px;
	    border-bottom: 1px solid #dedede;
		i{
			font-style: normal;
		    color: #2af;
			margin: 0 3px;
		}
		em {
		    font-style: normal;
		    color: #f60;
			margin: 0 3px;
		}
	}
	.code_list {
	    font-size: 14px;
		&:after {
		    content: "";
		    display: block;
		    height: 0;
		    clear: both;
		}
		ul {
		    list-style: none;
			li {
				color: #666;
			    display: inline-block;
			    width: 100%;
			    padding: 12px 0;
			    border-bottom: 1px solid #dedede;
			    line-height: 24px;
			    background: #fff;
				padding-right:15px;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				p {
					color: #bbb;
				    margin-bottom: 3px;
				    padding-left: 15px;
				}
				span {
				    display: block;
				    float: left;
				    margin-left: 15px;
				    font-size: 12px;
				    font-size: 0.75em;
					&.orange {
					    color: #f60;
					}
				}
			}
		}
	}
}

//二维码分享
.qrbox{
	margin:4rem auto 0;
	background:#FFF;
	width:21rem;
	height:30rem;
	.tt{
		height:4.2rem;
		background:#EF8E38;
	    position: relative;
		img{
		    position: absolute;
			width:3rem;
			height:3rem;
			left:2rem;
			top:0.6rem;
		}
		p{
			color:#FFF;
			margin-left:5.8rem;
			&.p1{
				padding-top:0.4rem;
				line-height:1.6rem;
				font-size:1.1rem;
			}
			&.p2{
				line-height:1.6rem;
				font-size:1.22rem;
			}
		}
	}
	.qrcode{
		text-align:center;
		img{
			width:18rem;
			height:18rem;
			margin:1.2rem auto;
		}
	}
	.another {
		margin: -15px auto 0px auto;
		max-width: 640px;
		.title {
			display:block;
			overflow:hidden;
			position:relative;
			text-align:center;
			font-size:0;
			em {
				font-size:.9rem;
				display:inline-block;
				line-height:1rem;
				color:#969696;
				position:relative;
				z-index:2;
				background-color: #f2f2ff;
				padding:0 .5rem;
			}
		}
		.title::before {
			position:absolute;
			top:.5rem;
			font-size:0;
			content:"";
			width:50%;
			height:1px;
			line-height:0;
			left:0;
			background:-moz-linear-gradient(left,transparent 0%,#ccc 100%) 0% 100%;
			background:-webkit-gradient(linear,left top,right top,color-stop(0%,transparent),color-stop(100%,#ccc));
			background:-webkit-linear-gradient(left,transparent 0%,#ccc 100%) 0% 100%;
			background:-o-linear-gradient(left,transparent 0%,#ccc 100%) 0% 100%;
			background:linear-gradient(left,transparent 0%,#ccc 100%) 0 100%;
		}
		.title::after {
			position:absolute;
			top:.5rem;
			font-size:0;
			content:"";
			width:50%;
			height:1px;
			line-height:0;
			right:0;
			background:-moz-linear-gradient(left,#ccc 0%,transparent 100%) 0% 100%;
			background:-webkit-gradient(linear,left top,right top,color-stop(0%,#ccc),color-stop(100%,transparent));
			background:-webkit-linear-gradient(left,#ccc 0%,transparent 100%) 0% 100%;
			background:-o-linear-gradient(left,#ccc 0%,transparent 100%) 0% 100%;
			background:linear-gradient(left,#ccc 0%,transparent 100%) 0 100%;
		}
		ul {
			margin: 0 auto 0 auto;
			clear:both;
			overflow:hidden;
			li {
				float:left;
				width:25%;
				a {
					display:block;
					padding-top:0rem;
					color:#646464;
					em {
						display:block;
						text-indent:-999rem;
						height:3rem;
						background-repeat:no-repeat;
						background-position:center center;
						background-size:contain;
					}
					i {
						display:block;
						padding-top:.25rem;
						text-align:center;
						font-size:0.8rem;
					}
				}
				
			}
			.qq a em {
				background-image:url(../images/share_qzone.png);
			}
			.sina a em {
				background-image:url(../images/sina_icon.png);
			}
			.weixin a em {
				background-image:url(../images/share_weixin.png);
			}
			.friend a em {
				background-image:url(../images/friend.png);
			}
			.copy a em {
				background-image:url(../images/copy.png);
			}
		}
	}
}

